<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="MobileOptimized" content="320">
<title>无标题文档</title>

    <link href="css/style.css" rel="stylesheet" type="text/css" />
    <link href="css/recommen.css" rel="stylesheet" type="text/css" />
	<script src="js/jquery-1.11.1.min.js"></script>
	<script>
		$(function(){
			var top = 0;
			$("#thead_fix").each(function(){
				top += $(this).height() - 3;
			});
			console.log(top);
			$("#item").css("margin-top",top);
		})
	</script>
</head>

<body style="background-color:#eee;">
<div class="wrapper" id="wrapper"  style="background-color:#f5f4f3;">

	<div class="content activity singlepage">
		
		<div class="thead_fix" id="thead_fix" style="z-index:999;">
        
        	<!--返回按钮-->
                
            <a href="#" class="arrow">      
                <div class="img">
                    <img src="images/ret.png"/>
                </div>
            </a>
            
            <!--返回按钮end-->
    
            <div class="m">
            	<span class="st">
                	<span class="bt">音频详情</span>
                </span>
            </div>
            
        </div>
        
        <div class="tbody xq-four mus-four" id="item">
        	
        	<div class="banner banner_mus">
				<img src="images/imgs2.0.png" class="art_img" />
           </div>
        	
            <div class="activity details">
                <div class="bgcolor">
                	<div class="tabs">
                		<a href="#" class="related active">相关介绍</a>
                		<a href="#" class="more">更多推荐</a>
                	</div>
                	<div class="xt_e" style="margin: auto;"></div>
    				<div class="title" style="margin-top:0;">
                        <div class="trip">
                            <div class="st" >
                        		<div class="w_x1">
                        			<div class="trip">
                        				<div class="bt" style=" margin-top: 3%;">
                        					单读Vol。131门口的野蛮人
                        				</div>
                        			</div>
                        		</div>
                                <div class="x2">
                                	<div class="w_x2" style="margin-bottom: 0px; padding-bottom: 0px;">
                                    	<div class="trip">
                                    		<div class="w_dp">
                                    			<span class="star act"></span>
                                    			<span class="star act"></span>
                                    			<span class="star yb"></span>
                                    			<span class="star"></span>
                                    			<span class="star"></span>
                                    		</div>
                                    		<div class="w_time">8.5分</div>
                                    		<div class="r_time">3.6万收听</div>
                                    	</div>
                                    	<div class="trip">
                                    		<span class="label">3岁+</span>
                                    		<span class="label">情绪</span>
                                    	</div>
                                    	<div class="trip">
                                    		<div class="list">播放列表<span>（共6集）</span></div>
                                    		<div class="js active">简介</div>
                                    	</div>
                                    	<div class="trip">
                                    		<span class="xq"> 
万圣节将至，身边的好朋友都穿戴整齐等着过节啦。我们要在节日里举办一个“猛鬼自画像比赛”，小伙伴们各个嗨翻了天，每天各种摆POSE，各种凹造型，各种自拍练习表情。</p>
                                       </span>
                                    	</div>
                                   </div>       
                                </div>
                            </div>
                    </div>
                </div>
                </div>
                <div class="title dy">
                	<div class="trip">
                		<div class="limg"><img src="images/act1.jpg"> </div>
                		<div class="ctext">
                			<div class="t1">楚色文化</div>
                			<div class="t2">3人订阅</div>
                			<div class="t2">中国博物馆探险者，前大英博物馆馆长“脑残粉”，资深公众号推送者...</div>
                		</div>
                		<a href="#" class="add"><span>+</span>订阅</a>
                	</div>
                </div>
                <div class="title dp">
                	<div class="trip">
                		<div class="t1">点评一下</div>
                		<div class="star">
                			<div class="st1 act"></div>
                			<div class="st1 act"></div>
                			<div class="st1 yb"></div>
                			<div class="st1"></div>
                			<div class="st1"></div>
                			<div class="num"><span>5</span>.0</div>
                		</div>
                		<div class="t2">凑合，可以考虑</div>
                		<div class="btn">
                			<a class="l">发表</a>
                			<a class="r">取消</a>
                		</div>
                	</div>
                </div>
                <div class="title tj">
                	<div class="st" >
                        <div class="x1" style="height:15px;">
                            <span class="xt"></span>
                            <div class="mass">更多推荐</div>
                        </div>
                    </div>
                	<div class="trip">
                		<div class="img">
                			<img src="images/2.png" />
                			<div class="type music"></div>
                		</div>
                		<div class="text">
                			<div class="t1">除了足球和桑巴舞巴西还有什么？</div>
                			<div class="label">
                				<span>6岁+</span>
                				<span>科学</span>
                			</div>
                		</div>
                	</div>
                	<div class="xt_e" style="margin: auto;"></div>
                	<div class="trip">
                		<div class="img">
                			<img src="images/act1.jpg" />
                			<div class="type video"></div>
                		</div>
                		<div class="text">
                			<div class="t1">单读Vol.131门口的野蛮人</div>
                			<div class="label">
                				<span>6岁+</span>
                				<span>科学</span>
                			</div>
                		</div>
                	</div>
                	<div class="xt_e" style="margin: auto;"></div>
                	<div class="trip">
                		<div class="img">
                			<img src="images/act7.jpg" />
                		</div>
                		<div class="text">
                			<div class="t1">我来组标题</div>
                			<div class="label">
                				<span>6岁+</span>
                				<span>科学</span>
                			</div>
                		</div>
                	</div>
                	<div class="xt_e" style="margin: auto;"></div>
                	<div class="trip">
                		<div class="img">
                			<img src="images/act3.jpg" />
                			<div class="biao">市集</div>
                		</div>
                		<div class="text">
                			<div class="t1">【剧目】火遍全球的韩国原版无言喜剧...</div>
                			<div class="bot">
                				<span class="dz">静安区</span>
                			</div>
                			<span class="tm">12.12-01.08</span>
                		</div>
                	</div>
                	<div class="xt_e" style="margin: auto;"></div>
                	<div class="trip">
                		<div class="img">
                			<img src="images/act4.jpg" />
                			<div class="biao">好物</div>
                		</div>
                		<div class="text">
                			<div class="t1">【图书】跨越三千年100首最美的《给孩...</div>
                			<div class="bot">
                				<span class="dz">黄浦区</span>
                			</div>
                			<span class="tm">08.15-09.08</span>
                		</div>
                	</div>
                </div>
                
                <div class="title pl">
                    <div class="st" >
                        <div class="x1" style="height:15px;">
                            <span class="xt"></span>
                            <div class="mass">
                                评论
                            </div>
                        </div>
                    </div>
					<div class="group" style="margin-bottom:5%;">
                        <div class="img">
                            <img src="images/act1.jpg">
                        </div>
                        <div class="wd"  style=" width:85%;">
                            <div class="st">
                                <div class="x1 b1">怪伯爵</div>
                                <div class="z">142</div>
                            </div>
                            <div class="time">
                                2012-12-21
                            </div> 
                            <div class="txt y1">小朋友不跑可以参加亲子活小朋友不跑可以参加亲子活动吗？小朋友不跑可以参加亲子活动吗？小朋友不跑可以参加亲子活动吗？动吗？</div>  							
                        </div>
                    </div>
                    <div class="xt_d"></div>
                    
                    <div class="group" style="margin-bottom:5%;">
                        <div class="img">
                            <img src="images/act1.jpg">
                        </div>
                        <div class="wd"  style=" width:85%;">
                            <div class="st">
                                <div class="x1 b1">怪伯爵</div>
                                <div class="z">142</div>
                            </div>
                            <div class="time">
                                2012-12-21
                            </div> 
                            <div class="txt y1">小朋友不跑可以参加亲子活小朋友不跑可以参加亲子活动吗？小朋友不跑可以参加亲子活动吗？</div>  							
                        </div>
                    </div>
                    <div class="xt_d"></div>
                    <div class="group" style="margin-bottom:5%;">
                        <div class="img">
                            <img src="images/act1.jpg">
                        </div>
                        <div class="wd"  style=" width:85%;">
                            <div class="st">
                                <div class="x1 b1">怪伯爵</div>
                                <div class="z act">142</div>
                            </div>
                            <div class="time">
                                2012-12-21
                            </div> 
                            <div class="txt y1">小朋友不跑可以参加亲子活小朋友不跑可以参加亲子活动吗？</div>  							
                        </div>
                    </div>
              	</div>
                
                <div class="title course_title">
                	
                	<div class="trip">
                		<a href="#" class="l">清晨 &bull; Morning</a>
                		<a href="#" class="l">睡前 &bull; Night</a>
                		<div class="xt_d" style="margin-right: 4%;"></div>
                		<a href="#" class="l">课后 &bull; After school</a>
                		<a href="#" class="l">假期 &bull; Holiday</a>
                		
                		<div class="xt_ec_z"></div>
                	</div>
                	
                </div>                            
                            
                            
                            <br /><br />
        
            </div>
     
      	</div>

        
        <div class="list-music">
        	<div class="title">播放列表 <a href="#" class="close"></a></div>
        	<div class="xt_e" style="margin: auto;"></div>
        	<div class="scroll">
        		<a href="#" class="trip">
	        		<div class="t1 sel">单读Vol.131门口的野蛮人</div>
	        		<div class="t2">时长：12分20秒</div>
	        		<div class="ret"></div>
	        	</a>
	        	<div class="xt_e" style="margin-right: 0;"></div>
	        	<a href="#" class="trip">
	        		<div class="t1">单读Vol.131门口的野蛮人</div>
	        		<div class="t2">时长：12分20秒</div>
	        	</a>
	        	<div class="xt_e" style="margin-right: 0;"></div>
	        	<a href="#" class="trip">
	        		<div class="t1">单读Vol.131门口的野蛮人</div>
	        		<div class="t2">时长：12分20秒</div>
	        	</a>
	        	<div class="xt_e" style="margin-right: 0;"></div>
	        	<a href="#" class="trip">
	        		<div class="t1">单读Vol.131门口的野蛮人</div>
	        		<div class="t2">时长：12分20秒</div>
	        	</a>
	        	<div class="xt_e" style="margin-right: 0;"></div>
	        	<a href="#" class="trip">
	        		<div class="t1">单读Vol.131门口的野蛮人</div>
	        		<div class="t2">时长：12分20秒</div>
	        	</a>
	        	<div class="xt_e" style="margin-right: 0;"></div>
	        	<a href="#" class="trip">
	        		<div class="t1">单读Vol.131门口的野蛮人</div>
	        		<div class="t2">时长：12分20秒</div>
	        	</a>
	        	<div class="xt_e" style="margin-right: 0;"></div>
	        	<a href="#" class="trip">
	        		<div class="t1">单读Vol.131门口的野蛮人</div>
	        		<div class="t2">时长：12分20秒</div>
	        	</a>
	        	<div class="xt_e" style="margin-right: 0;"></div>
	        	<a href="#" class="trip">
	        		<div class="t1">单读Vol.131门口的野蛮人</div>
	        		<div class="t2">时长：12分20秒</div>
	        	</a>
	        	<div class="xt_e" style="margin-right: 0;"></div>
	        	<a href="#" class="trip">
	        		<div class="t1">单读Vol.131门口的野蛮人</div>
	        		<div class="t2">时长：12分20秒</div>
	        	</a>
        	</div>
        	
        </div>
        
    </div>
</div>

</body>
</html>
